<template>
  <div>
    <van-nav-bar :border="false" fixed title="我的余额" left-arrow @click-left="GOback" placeholder />
    <!-- 余额 -->
    <section class="content_container">
      <section class="content">
        <!-- 当前余额 -->
        <header class="content_header">
          <span class="content_title_style">当前余额</span>
          <div class="detailsRight">
            <img src="@/assets/img/details.png" alt="">
            <!--跳转至余额说明 -->
            <span class="contetn_description" @click="$router.push('/balance/detail')">余额说明</span>
          </div>
        </header>
        <p class="content_num">
          <span>0.00</span>
          <span>元</span>
        </p>
        <div class="promit_button">提现</div>
      </section>
    </section>
    <p class="deal_detail">交易明细</p>
    <div class="no_log">
      <img src="@/assets/img/none.png" alt="">
      <p>暂无明细记录</p>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    GOback() {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="less" scoped>
</style>